<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="master.css">
    <script src="servers.js"></script>
  </head>

  <body>
    <div class="servers">
      <div class="">
        <ul class="country" id="countryList">
          <li id="us"><img src="images/us_s.png" alt=""> <span>United States</span></li>
          <li id="uk"><img src="images/uk_s.png" alt=""> <span>United Kingdom</span></li>
          <!-- <li id="ca"><img src="images/ca_s.png" alt=""> <span>Canada</span></li> -->
          <!-- <li id="fr"><img src="images/fr_s.png" alt=""> <span>France</span></li> -->
          <!-- <li id="de"><img src="images/de_s.png" alt=""> <span>Germany</span></li> -->
          <!-- <li id="jp"><img src="images/jp_s.png" alt=""> <span>Japan</span></li> -->
          <!-- <li id="nl"><img src="images/nl_s.png" alt=""> <span>Netherlands</span></li> -->
          <!-- <li id="sg"><img src="images/sg_s.png" alt=""> <span>Singpore</span></li> -->
        </ul>
      </div>
      <div class="cancel">
        <button type="button" name="button" id="cancel">Cancel</button>
      </div>
    </div>
  </body>

</html>
